<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>

        <SCRIPT TYPE="text/javascript">

            function btnOnclick() {

                //弹窗方法： alert("显示的内容")

                alert("点击后出现！")
            }


            function textOnfocus() {

                alert("获取焦点后出现")
            }

            function imgOnmouseover() {
                alert("鼠标悬停后出现!")
            }

        </SCRIPT>
    </head>
    <body>

        <!--
           在input标签(事件源)上注册了一个事件(onclick)，事件绑定了一个函数
        -->
        <input type="button" value="点击我试试" onclick="btnOnclick()"/>


        <input type="text" placeholder="请输入用户名" onfocus="textOnfocus() "/>


        <img src="../img/logo2.png" onmouseover="imgOnmouseover() "/>

    </body>
</html>